<html>
    <head>
        <title>线性渐变</title>
    </head>
    <body>
        <script>
            /*
                 八、线性渐变

                            所有组件均支持线性渐变。 CSS3渐变你可以通过 background-image 属性创建线性渐变

                            eg:

                                background-image:linear-gradient(to bottom right,#AD18F9,#05DFC7)

                            只支持两种颜色的渐变，渐变方向如下：

                                渐变方向               描述

                                to right              从左到右渐变

                                to left              从右到左渐变

                                to bottom            从顶部到底部渐变

                                to top              从底部到顶部渐变

                                to bottom right      从左上角到右下角渐变

                                to top left          从右下角到左上角渐变


                            ★、注意

                                    background-image 优先级高于 background-color，这意味着同时设置 background-image 和 background-color，background-color 被覆盖。 
                                    
                                    background 不支持简写。
            */

        </script>
    </body>
</html>